
@font-face {
    font-family: Roboto;
    src: url("/font/roboto/Roboto-Regular.ttf");
}

.root {
	primary-color: #ef767b;
	primary-light-color: #f5a4a7;
	primary-dark-color: #e51b23;
	
	
	secondary-color: #808080;
	secondary-light-color: #afafaf;
	secondary-dark-color: #545454;
	
	cream-white: rgb(245.0,245.0,245.0);
	-fx-background-color: cream-white;
}

.label, .button, .check-box, Text {
	-fx-font-family: Roboto;
	-fx-font-size: 13;
	-fx-text-fill: #757575;
}


.header {
	-fx-background-color: primary-dark-color;
}

.header > .label {
	-fx-text-fill: cream-white;
    -fx-font-size: 18.0;
}


.section {
	-fx-background-color: white;
	-fx-background-radius: 5.0;
}

.section, .header, .header-container {
	-fx-effect: dropshadow(gaussian, rgba(0.0, 0.0, 0.0, 0.26),15.0, 0.16, 0.0, 4.0); 
}

.header-text {
	-fx-text-fill: cream-white;
	-fx-font-size: 20.0;
}



